<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>欢迎使用扫码呼叫服务</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<%@ include file="/include/wx_main_include.jsp"%>
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/base.css?v=${css_version}" />
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/mui.min.css?v=${css_version}" />
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/mui-order.css?v=${css_version}" />
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/new_file.css?v=${css_version}" />
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/iconfont.css?v=${css_version}">
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/iconfont3.css?v=${css_version}">
<style type="text/css">
	#numlayer{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 10001;
	animation: fade-in;
    animation-duration: 0.3s;
    -webkit-animation: fade-in 0.3s;
    -o-animation: fade-in 0.3s;
    -ms-animation: fade-in 0.3s;
    -moz-animation: fade-in 0.3s;
}
</style>
</head>
<body id="index-item">
	<div id="view">
		<div id="top-fixed">
			<header class="mui-bar mui-bar-nav" style="height:66px;">
				<%-- <span class="mui-pull-left order-topleft"> ${pd.ramadhinName} </span>
				<h1 class="mui-title">${pd.NAME }</h1>
				<div class="right-box">
					<a href="javascript:;" class="mui-icon" id="wifi">
						<i class="iconfont icon-wuxianwangxitong"></i>
					</a>
				</div> --%>
				<div class="header-bar">
					<span>${business.name }</span>
					<span>${dining.name}</span>
					    <div class="right-box" id="myOrder">
							<a>
								<img src="${path}/static/myjs/information/weixin/images/icon_order@3x.png">
							</a>  
					   		<span >订单中心</span>
					   		</div>
				</div>
			</header>
		</div>
		 <div class="scroll-wrap flowhidden">
			<div class="scroll-content" style="margin-top:66px">
			<ul class="new-detail" style="display:none">
				</ul> 
				<div class="new-information" style="display: none">
					<span>最新消息</span>
				</div>
				<div class="centent order-main">
					<section>
						<div id="item" class="mui-control-content mui-active">
							<div id="scroll1" class="mui-scroll-wrapper2">
								<div id="Display-area" class="mui-content mui-row mui-fullscreen">
									<div class="mui-col-xs-3 content-left-bgcr">
										<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical"></div>
									</div>
									<div id="segmentedControlContents" class="mui-col-xs-9"></div>

								</div>
							</div>
							<div class="order-closemask"></div>
						</div>

					</section>
				</div>
			</div>
		</div>
		<div class="bottom">
			<div id="bottom-fixed">
				<div class="shopping-cartbox">
					<div class="cartbox">
						<span class="iconfont icon-gouwuche"></span>
						<i id="end" class="mui-badge mui-badge-orange shopping-carnum" style="display: none;">0</i>
					</div>
					<div class="total-price">
						<p id="Total" style="display: none;">
							 ￥
							<span id="carTotalPrice" class="mui-h3"></span>
						</p>
						<p id="Totalempty">购物车饿瘪了 T.T</p>
					</div>
				</div>
				<button class="bottom-confirm">去下单</button>
			</div>
		</div>
		 
		<div id="layer-close" class="layer">
			<div class="mui-popup mui-popup-in">
				<div class="mui-popup-inner">
					<div class="mui-popup-text">本店暂停营业。</div>
				</div>
				<div class="mui-popup-buttons">
					<span class="mui-popup-button mui-popup-button-bold">确定</span>
				</div>
			</div>
		</div>
		<!-- 桌牌不可用 -->
		<div id="outDiningLayer" class="layer">
			<div class="mui-popup mui-popup-in">
				<div class="mui-popup-inner">
					<div class="mui-popup-text">此桌已被禁用,请到其他餐桌扫码</div>
				</div>
				<div class="mui-popup-buttons">
					<span class="mui-popup-button mui-popup-button-bold">确定</span>
				</div>
			</div>
		</div>
		<!-- 停业 -->
		<div id="outLayer" class="layer">
			<div class="mui-popup mui-popup-in">
				<div class="mui-popup-inner">
					<div class="mui-popup-text">商家已停业。</div>
				</div>
				<div class="mui-popup-buttons">
					<span class="mui-popup-button mui-popup-button-bold">确定</span>
				</div>
			</div>
		</div>
		<div id="layer-shopping" class="layer"></div>
		<div class="shopping-content-list shopping-carlayer animation">
			<div class="listItem" id="shoppingCar_bottom"></div>
		</div>
		<!-- 商品详情 -->
		<div id="layer-information" class="layer"></div>
		<div class="information-content">
			<div class="picturebox">
				<img>
			</div>
			<div class="describebox">
				<h4 id="informationFood"></h4>
				<div class="mt-ten flowhidden">
					<span id="informationPrice" class="color-orange mui-pull-left mui-h4"></span>
					<!-- <button class="button-bra-org mui-pull-right">加入购物车</button> -->
				</div>
				<h4 class="mt-ten">
					商品描述:
					<span id="description"></span>
				</h4>
				<p class="mt-ten mui-h6">温馨提示：图片仅供参考，请以实物为准。</p>
			</div>
			<div class="layer-closebox-tr">
				<a href="javascript:" class="layer-closebtn iconfont icon-guanbi"></a>
			</div>
		</div>
	</div>
		<div class="tableware-layer">
			<div class="mui-popup mui-popup-in" id="tablewareDiv">
				<p class="title">本店消费必选</p>
				<ul class="mui-table-view" id="tablewareUl">
				</ul>
				<div class="tips">
				    <p>(请按需选择，以免影响您的体验哦)</p>
				    <button  class="confirm" id="tablewareDivBtn">确认</button>
				</div>
			</div>
		</div>
<div id="layerType" class="layer">
		<div id="popover" class="mui-popover mui-popup-in mui-popup popover-choose-taste">
		<div class="tableware-close">
			<span class="iconfont icon-weibiaoti101"></span>
		</div>
			<h4><span  id="mutliName" ></span><span class="selected-choose">已选 <i id="partIdi">0</i> 份</span></h4>
			<div  class="popover-choose-list">
				<dl  id="motliText">
					<dt class="popover-choosetit">规格</dt>
				</dl>
		    </div>
		    <div class="popover-choose-bottom">
				<span id="multiPrice" class="color-orange"><em>￥</em>0</span>
				<div class="choose-box"  id="cartBox">
				<a id="addCart" href="javascript:tagCart();" class="popover-addCar" >加入购物车</a>
				</div>
				<div class="choose-box"  id="chooseBox" style="display:none;">
				<span id="amountBox" class="iconfont icon-add tianjia add1"></span>
				</div>
				<input type="hidden"  id="tagId" value=""/>
				<input type="hidden"  id="tagName" value=""/>
				<input type="hidden"  id="tagPrice" value=""/>
		    </div>
		</div>
	</div>
	<!--数量选择弹框  -->
	<div id="numlayer" class="numlayer">
		<div class="numlayer-msg">
			<div class="numlayer-msg-innertop">
				<span class="iconfont icon-shiwan"></span>
			</div>
			<div class="numlayer-input">
				<p id="numlayer-name">name</p>
				<div class="input">
					<input type="hidden" id="numlayer-input-shopMenu" value=""/>
					<input type="hidden" id="numlayer-input-beforeNum" value=""/>
					<input type="hidden" id="numlayer-input-price" value=""/>
					<input type="hidden" id="numlayer-input-foodid" value=""/>
					<input type="hidden" id="numlayer-input-parentId" value=""/>
        			<input type="text" id="numlayer-input-afterNum" pattern="[0-9]*" oninput='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")' onkeyup="this.value=this.value.replace(/\D/g,'');" maxlength="3"/><span>份</span>
				</div>
			</div>
			<div class="numlayer-btn">
				<span id="hideNum">取消</span>
				<span id="saveNum">确定</span>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="${path}/static/myjs/information/msite/index.js?v=${css_version}"></script>
<script type="text/javascript" charset="utf-8">
	function NumberCheck(t){
		var num = t.value;
		var re =/^\d*$/;
		if(!re.test(num)){
			isNaN(parseInt(num))?t.value=0:t.value=parseInt(num);
		}
	}

	$(function() {
		
		localStorage.setItem("RAMADHIN",'${dining.name}');
		homeIndex.detail.init({
			'BUSINESS_ID' : '${business.businessId}',
			'OPENID' : '${h5User.openId}',
			'RAMADHIN' : '${dining.name}',
			'OPERATING_STATUS' : '${business.disable}',
			'DINING_STATUS' : '${pd.DINING_STATUS}',
			'DISABLED' : '${pd.DISABLED}',
			'OPENID' : '${pd.OPENID}',
			'ORDER_ID' : '${pd.ORDER_ID}',
			'F_TYPE' : '${pd.F_TYPE}',
			'CHANNEL' : '${pd.CHANNEL}',
			'IS_CASH_PAY' : '${pd.IS_CASH_PAY}',
			'promptFoods' : '${promptFoods}' == '' ? [] : JSON.parse('${promptFoods}'),
			'WIFI_PASSWORD' : '${pd.WIFI_PASSWORD}',
			'WIFI_NAME' : '${pd.WIFI_NAME}',
			'trueRamadhin' : '${dining.diningId}'
		});
	});
	 
	/* var interval=3000;
    var duration=500;
    var $liList=$('.tree').children('li');
    var cur=0;
    var next=1;
    var timer;  
	(function(){
		var span=$(".header-bar>ul>li>span");
		var ul=$("div.scroll-wrap>div.scroll-content>ul");
		span.on("click",function(){
			if(span.hasClass("open")){//关闭
				ul.fadeOut("slow");
				span.removeClass("open");
				  if("${titleList.size() }"!="1"){
						timer=lunhuan();
				  }
			}else{//打开
				ul.fadeIn("slow");
				span.addClass("open");
				var id=$(this).parent("li").attr("id");
				var liobj=ul.find("li");
				for(var i=0;i<liobj.length;i++){
					 var liId=$(liobj[i]).attr("id");
					 if(id==liId){
						 $(liobj[i]).show();
					 }else{
						 $(liobj[i]).hide();
					 }
				}
				  if("${titleList.size() }"!="1"){
					clearInterval(timer);
				  }
			}
		});
	})()
	
	jQuery.fn.scroll=function(){
	    if("${titleList.size() }"!="1"){
	    	timer= lunhuan();
	    }
	};
	function lunhuan(){
	    	return setInterval(function(){
	    		 	$liList.eq(cur).animate({top:'-14px'},duration,function(){
	    	            $(this).removeClass('active');
	    	        });
	    	        $liList.eq(next).addClass('active').css('top','14px').animate({top: '0'},duration);
	    	        cur = next;
	    	        next++;
	    	        if(next>=$liList.length){
	    	            next = 0;
	    	        }
	        },interval);
	}
	$('.tree').scroll(); */
</script>

</html>